import notFoundImg from '@/assets/images/nocourse.png'
import Image from 'next/image'
import React, { FC } from 'react'
import header1 from '@/assets/images/header1.png'
import header2 from '@/assets/images/header2.png'
import { ProgressBar } from 'antd-mobile'
import { useRouter } from 'next/router'
import { useStores } from '@/store'

const empty: FC<{}> = () => {
  const router = useRouter()
  const store = useStores()
  return (
    <div className='m-r1.5 text-center bg-FFC2C2 flex flex-col w-r34.5 h-r8.5 rounded-2xl '>
      <div className=' flex-1 text-left  '>
        <span className='font-bold text-r1.4 leading-r4.2 pl-r3.0'>
          专属情侣头像生成中...
        </span>
      </div>
      <div className=' flex-1  p-r1.5 '>
        <ProgressBar
          percent={50}
          style={{
            '--track-width': '12px',
            '--fill-color':
              'linear-gradient(to right, #EF3964,#E47A19)',
          }}
        />
      </div>
    </div>
  )
}

export default empty

